<template>
  <svg :width="width" :height="height" viewBox="0 0 76 76" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs>
      <linearGradient x1="57.1256649%" y1="-65.4901444%" x2="40.9746801%" y2="124.547507%" id="linearGradient-1">
        <stop stop-color="#67E8B9" offset="0%"></stop>
        <stop stop-color="#3899FF" offset="100%"></stop>
      </linearGradient>
      <path d="M21.2538215,24 L0.470316388,24 L11.0785638,0 L31.862069,0 L21.2538215,24 Z" id="path-2"></path>
      <linearGradient x1="38.1459273%" y1="-277.286348%" x2="50%" y2="100%" id="linearGradient-4">
        <stop stop-color="#43CC9A" offset="0%"></stop>
        <stop stop-color="#3DAFD4" offset="0%"></stop>
        <stop stop-color="#3DAFD4" offset="57.1069871%"></stop>
        <stop stop-color="#3899FF" offset="100%"></stop>
      </linearGradient>
      <path d="M20.9214362,24 L0.137931034,24 L10.7461785,0 L31.5296836,0 L20.9214362,24 Z" id="path-5"></path>
      <polygon id="path-7" points="21.21 0 42 0 20.79 48 0 48"></polygon>
    </defs>
    <g id="Artboard-1212" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
      <g id="Oval" transform="translate(5.000000, 15.000000)">
        <mask id="mask-3" fill="white">
          <use xlink:href="#path-2"></use>
        </mask>
        <use id="Mask" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
        <polygon id="Triangle" fill="#55CAD4" mask="url(#mask-3)" points="10.2019252 -2.79536578 44.750399 -2.79536578 24.1839895 31.0250291"></polygon>
      </g>
      <g id="Rectangle-7-Copy-3" transform="translate(5.000000, 39.000000)">
        <mask id="mask-6" fill="white">
          <use xlink:href="#path-5"></use>
        </mask>
        <use id="Mask" fill="url(#linearGradient-4)" transform="translate(15.833807, 12.000000) scale(-1, 1) translate(-15.833807, -12.000000) " xlink:href="#path-5"></use>
        <polygon fill="#3385CA" mask="url(#mask-6)" points="45.9422712 -3.91579435 64 -24 42.79 24 11 24"></polygon>
      </g>
      <g id="Triangle-2" transform="translate(31.000000, 15.000000)">
        <mask id="mask-8" fill="white">
          <use xlink:href="#path-7"></use>
        </mask>
        <use id="Mask" fill="#1CAE98" xlink:href="#path-7"></use>
        <polygon fill="#41C67A" mask="url(#mask-8)" points="-20.272458 53.3148741 36.5087953 -23.0300289 50.3467444 -6.64593824"></polygon>
      </g>
    </g>
  </svg>
</template>

<script>
export default {
  name: 'Logo',
  props: {
    height: {
      type: Number,
      default: 40
    },
    width: {
      type: Number,
      default: 40
    }
  }
}
</script>
